<template>
  <div>购票详情页</div>
</template>

<script>
export default {
  name: "TicketsView",
};
</script>

<style lang="scss" scoped>
.turn-blue {
  color: #1989fa;
}
.district-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-left: 10px;
  li {
    width: calc(25vw - 12.5px);
    height: 30px;
    line-height: 30px;
    color: #797d82;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgba(210, 214, 220, 0.5);
    border-radius: 4px;
    margin: 0 10px 15px 0;
    cursor: pointer;
    /* 激活按钮的样式 */
    &.active {
      color: #ff5f16;
      border: 1px solid #ff5f16;
    }
  }
}
</style>
